﻿$(function () {


    //Gan su kien onfocus cho cac textarea comment
    $("div[name=virtualbox]").live("click", function () {
        var commentBox = $(this).parents("[feedID]").first().find("div[name=cmtbox]");
        commentBox.css('display', 'block');
        commentBox.find("textarea").autogrow().first().focus();
        $(this).parent().css('display', 'none');
    })
    //Gan su kien cho nut lay them binh luan
    $("a[name=moreFeedComment]").live('click', function () {
        var divFeed = $(this).parents("[feedID]").first();
        var moreFeedCommentbtn = $(this);
        moreFeedCommentbtn.parent().find("img").css("display", "inline");
        var totalFeedComment = parseInt(divFeed.attr("totalcomment"));
        var feedID = divFeed.attr("feedID");
        var loaded = parseInt($(this).attr("loaded"));
        if (loaded >= totalFeedComment)
            return;
        var timeStamp = new Date().getTime();
        $.get("/Home/GetListFeedComment", { 'feedID': feedID, 'numberOfSkip': loaded, 'timeStamp': timeStamp }, function (data) {
            if (data == "NoMore") {
                moreFeedCommentbtn.parent().css('display', 'none');
            }
            else {
                var lstComment = $(data);
                loaded += lstComment.filter("div[name=comment]").length;
                moreFeedCommentbtn.attr("loaded", loaded);
                InsertCommentToFeed(feedID, lstComment, "Head");
                if (loaded >= totalFeedComment) {
                    moreFeedCommentbtn.parent().slideUp();
                    moreFeedCommentbtn.parent().remove();

                }
                else {
                    var minTotal = Math.min(30, totalFeedComment);
                    if (loaded < minTotal) {
                        $("a[name=moreFeedComment]").click();
                    }
                }
            }
            moreFeedCommentbtn.parent().find("img").css("display", "none");
        })
        return false;
    })

    //Gan su kien cho nut binh luan
    $("a[name=submitComment]").live("click", function () {
        var divFeed = $(this).parents("[feedID]").first();
        var feedID = divFeed.attr("feedID");
        var content = EncodeContent($("div[name=textComment_" + feedID + "]").html());
        if (unescape(content) == "") {
            alert("Phải nhập kí tự");
        }
        var timeStamp = new Date().getTime();
        $.post("/Feed/AddNewComment", { 'feedID': feedID, 'content': content, 'timeStamp': timeStamp }, function (data) {
            if (data.indexOf("unsuccess")!=0) {
                InsertCommentToFeed(feedID, $(data), "Tail");
                //Xoa noi dung trong comment box
                divFeed.find("textarea").css('height', 37);
                divFeed.find("textarea").val("").focus();
                $("div[name=textComment_" + feedID + "]").html("");
            }
            else {
                var er = data.substring(10);
                if (er != "") {
                    if (er == 0) {
                        alert("Bạn phải nhập một kí tự");
                    }
                    else {
                        alert("Chỉ nhập tối đa 5000 kí tự");
                    }
                }
                else {
                    alert("Có lỗi, refresh trình duyệt và thử lại sau");
                }
            }
        });
        return false;
    })
    //Gan su kien de hien thi nut xoa khi mouse move
    $("div[name=feed]").live({
        'mouseenter': function () {
            $(this).find("a[name=deleteFeed]").css('display', 'block');
        },
        'mouseleave': function () {
            $(this).find("a[name=deleteFeed]").css('display', 'none');
        }
    });
    $("div[name=comment]").live({
        'mouseenter': function () {
            $(this).find("a[name=deleteFeedComment]").parent().css('display', 'block');
        },
        'mouseleave': function () {
            $(this).find("a[name=deleteFeedComment]").parent().css('display', 'none');
        }
    });

    //Gan su kien cho cac nut delete
    $("a[name=deleteFeed]").live('click', function () {
        var feed = $(this).parents("[feedID]").first();
        var moreFeedCmt = feed.find("")
        var feedID = feed.attr("feedID");
        var timeStamp = new Date().getTime();
        $.post("/Home/DeleteFeed", { 'feedID': feedID, 'timeStamp': timeStamp }, function (data) {
            if (data == "success") {
                if (feed.next().attr("feedID") == feedID) {
                    feed.next().slideUp();
                    feed.next().remove();
                }
                feed.slideUp();
                feed.remove();
                var numberOfFeed = parseInt($("#feedStory").attr("numberOfFeed"));
                numberOfFeed -= 1;
                $("#feedStory").attr("numberOfFeed", numberOfFeed);
            }
            else {
                alert("Có lỗi, vui lòng refreh trình duyệt và thử lại");
            }
        })
        return false;
    })
    $("a[name=deleteFeedComment]").live('click', function () {
        var feedComment = $(this).parents("[feedCmtID]").first();
        var feedCommentID = feedComment.attr("feedCmtID");
        var timeStamp = new Date().getTime();
        $.post("/Home/DeleteFeedComment", { 'feedCommentID': feedCommentID, 'timeStamp': timeStamp }, function (data) {
            if (data == "success") {
                feedComment.slideUp();
                feedComment.remove();
                var loaded = parseInt($("a[name=moreFeedComment]").attr("loaded"));
                loaded -= 1;
                $("a[name=moreFeedComment]").attr("loaded", loaded);
            }
            else {
                alert("Có lỗi, vui lòng refreh trình duyệt và thử lại");
            }
        })
        return false;
    })
    if ($("a[name=moreFeedComment]").length != 0) {
        $("a[name=moreFeedComment]").click();
    }
})
function InsertCommentToFeed(feedID, comment, position) {
    var anchor = $("div[name=childComments][feedID=" + feedID + "]").find("div[name=anchor_" + position + "]");
    if (position == "Head") {
        comment.insertAfter(anchor);
    }
    else {
        comment.insertBefore(anchor);
    }
}